<div class="score-wrapper">
    <div class="score-name" [ngStyle]="customTextStyle">{{text}}</div>
    <div class="score-bar" tooltip="{{ extraInfo ? extraInfo:''}}">
        <div class="internal-bar" [style.width]="getWidthPercentage(score)"></div>
        <div *ngIf="barText" class="bar-message">
            {{ barText }}
        </div>
    </div>
    <div class="score-number"><span class="numerator">{{score}}</span> / {{dividend}}</div>
    <div *ngIf="infoIcon" class="info">
        &nbsp;
        <a target="_blank" [href]="infoIcon.link">
            <span [tooltip]="infoIcon.text" class="pficon-info"></span>
        </a>
    </div>
</div>
